<!--
 @Author: libing/makeup1122
 @Email: makeup1123@163.com
 @Date: "2020-04-02 17:04:21"
-->
<template>
  <v-card
    color="grey lighten-4"
    class="mb-0"
  >
    <v-app-bar>
      <v-app-bar-nav-icon class="hidden-md-and-up"></v-app-bar-nav-icon>
      <v-container
        mx-auto
        py-0
      >
        <v-layout>
          <v-spacer />
          <v-img
            :src="require('@/assets/logo.png')"
            class="mr-5"
            contain
            height="40"
            width="40"
            max-width="40"
            @click="$vuetify.goTo(0)"
          />
          <v-btn
            :to="{ name: 'index' }"
            class="ml-0 hidden-sm-and-down"
            text
          >
            首页
          </v-btn>
          <v-btn
            v-for="(link, i) in category"
            :key="i"
            class="ml-0 hidden-sm-and-down"
            text
          >
            {{ link.text }}
          </v-btn>
          <v-spacer />
          <!-- <v-text-field
            append-icon="mdi-magnify"
            flat
            hide-details
            solo-inverted
            style="max-width: 300px;"
          /> -->
        </v-layout>
      </v-container>
    </v-app-bar>
  </v-card>
</template>
<script>
export default {
  name: 'Header',
  components: {},
  data: function () {
    return {
      category: [
        { text: '关于我们', link: '' },
        { text: '分子公司', link: '' },
        { text: '营销业务', link: '' },
        { text: '企业文化', link: '' },
        { text: '客户服务', link: '' },
        { text: '联系我们', link: '' }
      ]
    }
  },
  computed: {},
  created: function () {
  },
  methods: {}
}
</script>
<style scoped>
</style>
